/* 横屏media: iphone6 width=1344px */
@media screen and (min-width: 480px) { html{font-size: 35.982px;}}
@media screen and (min-width: 568px) { html{font-size: 42.579px;}}
@media screen and (min-width: 598px) { html{font-size: 44.827px;}}
@media screen and (min-width: 640px) { html{font-size: 47.976px;}}
@media screen and (min-width: 667px) { html{font-size: 50px;}}
@media screen and (min-width: 684px) { html{font-size: 51.274px;}}
@media screen and (min-width: 732px) { html{font-size: 54.872px;}}
@media screen and (min-width: 736px) { html{font-size: 55.172px;}}
@media screen and (min-width: 800px) { html{font-size: 59.97px;}}
@media screen and (min-width: 854px) { html{font-size: 64.018px;}}
@media screen and (min-width: 960px) { html{font-size: 71.964px;}}
@media screen and (min-width: 1024px) { html{font-size: 76.762px;}}
@media screen and (min-width: 1136px) { html{font-size: 85.157px;}}
@media screen and (min-width: 1280px) { html{font-size: 95.952px;}}
@media screen and (min-width: 1920px) { html{font-size: 143.928px;}}
@media screen and (min-width: 2560px) { html{font-size: 191.904px;}}
@media screen and (min-width: 3840px) { html{font-size: 287.856px;}}


/* 横屏翻转提示浮层 */
aside.turnBoxLandscape{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:999; display: none;}
aside.turnBoxLandscape>img.turn{ display:block; padding-top: 3.5rem; margin:0 auto 0.46rem; width:50%;}
aside.turnBoxLandscape>p{ text-align:center; font-size:0.35rem; color:#fff;}

/* 取代系统alert的警告提示弹窗 */
aside.alertBox>div{width:50%;}